<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>知识库</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<style type="text/css">

	body {
		margin: 0;
	}
	
	#mainDiv {
		
	}
	
	#leftDiv {
		position: absolute;
		height: 100%;
		overflow-y: scroll;
		overflow-x: auto;
	}
	
	#rightDiv {
		position: relative;
		top: 0px;
		left: 300px;
		height: 100%;
	}

	#searchInput {
		position: relative;
		width: 100%;
		height: 30px;
	}
	
	#shareBtn {
		position: absolute;
		bottom: 20px;
		right: 20px;
		cursor: pointer;
		opacity: 0.3;
		-webkit-transition: opacity 1s linear;
	}
	
	#shareBtn:HOVER {
		opacity: 1;
		-webkit-transition: opacity 1s linear;
	}
	
</style>
</head>
<body onresize="resize()">
	
	<div id="mainDiv">
		<div id="leftDiv">
			<div id="searchDiv">
				<input id="searchInput"/>
			</div>
		</div>
		
		<div id="rightDiv">
			
		</div>
		
		<img id="shareBtn" src="images/share.png" title="我要分享" onclick="doShare();"/>
	</div>
	
</body>
<script type="text/javascript">

	$(document).ready(function() {
		resize();
	});
	
	function doShare() {
		window.open ('shareRepository.jsp','知识分享','height='+(window.screen.availHeight-70)+',width='+(window.screen.availWidth-10)+',top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=yes,location=no, status=no'); 
	}

	function resize() {
		$("#leftDiv").width(300);
		$("#rightDiv").width(window.innerWidth - 300);
	}
	
</script>
</html>